﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link id="page_favicon" href="images/icon.ico" rel="icon" type="image/x-icon">
    <title>ToDo</title>
	<link rel="stylesheet" href="css/style.css" type="text/css">	
	<link rel="stylesheet" href="css/jquery-ui-1.9.2.custom.min.css" type="text/css">
	<script src="js/jquery-1.8.3.min.js"></script>
	<script src="js/jquery-ui-1.9.2.custom.min.js"></script>
</head>
<body>
	<div id="wraper">
		<div class="header">
			<div class="border">&nbsp;</div>
			<div class="title"><span>ToDoリスト</span></div>
		</div>
		<div class="menu"><!-- menu -->
			<table>
				<tr>
					<td><ul>
							<li><a href="index.html">一覧</a></li>
							<li class="selected"><a href="create-todo.html">新規作成</a></li>
						</ul>
					</td>
				</tr>
			</table>
		</div> <!-- end menu -->
		<!-- container -->
		<div class="container">
			<div class="tab"><!--tab -->
				<ul class="submenu">
					<li class="selected"><a href="create-todo.html">新規作成</a></li>
				</ul>
				<ul class="help">
					<li><a href="#"><img src="images/help.png"/></a></li>
				</ul>
			</div><!-- end tab -->
			
			<div class="contain">
				<div class="contain-sub">
					<div id="message-box"></div>
					<input type="button" value="新規登録" id="register-1">
					<div class="todoForm">
						<table>
							<tr>
								<td width="200px">タイトル<span style="color: red">※</span></td>
								<td>
									<input type="text" size="60"/>
								</td>
							</tr>
							<tr>
								<td>期限<span style="color: red">※</span></td>
								<td>
									<select name="year" id="year">
										<option value="2012">2012</option>
										<option value="2013">2013</option>
										<option value="2014">2014</option>
										<option value="2014">2015</option>
										<option value="2014">2016</option>
										<option value="2014">2017</option>
									</select>
									<span>年</span>
									
									<select name="month" id="month">
										<option value="1">1</option>
										<option value="2">2</option>
										<option value="3">3</option>
										<option value="4">4</option>
										<option value="5">5</option>
										<option value="6">6</option>
										<option value="7">7</option>
										<option value="8">8</option>
										<option value="9">9</option>
										<option value="10">10</option>
										<option value="11">11</option>
										<option value="12">12</option>
									</select>
									<span>月</span>
									
									<select name="day" id="day">
										<option value="1">1</option>
										<option value="2">2</option>
										<option value="3">3</option>
										<option value="4">4</option>
										<option value="5">5</option>
										<option value="6">6</option>
										<option value="7">7</option>
										<option value="8">8</option>
										<option value="9">9</option>
										<option value="10">10</option>
										<option value="11">11</option>
										<option value="12">12</option>
										<option value="13">12</option>
										<option value="14">12</option>
										<option value="15">12</option>
										<option value="16">12</option>
										<option value="17">12</option>
										<option value="18">12</option>
										<option value="19">12</option>
										<option value="20">12</option>
										<option value="21">12</option>
										<option value="22">12</option>
										<option value="23">12</option>
										<option value="24">12</option>
										<option value="25">12</option>
										<option value="26">12</option>
										<option value="26">12</option>
										<option value="28">12</option>
										<option value="29">12</option>
										<option value="30">12</option>
										<option value="31">12</option>
									</select>
									<span>日</span>
									
									<img src="images/calendar.png" id="datepicker" />
									
									<select name="minute" id="minute">
										<option value="1">1</option>
										<option value="2">2</option>
										<option value="3">3</option>
										<option value="4">4</option>
										<option value="5">5</option>
										<option value="6">6</option>
										<option value="7">7</option>
										<option value="8">8</option>
										<option value="9">9</option>
										<option value="10">10</option>
										<option value="11">11</option>
										<option value="12">12</option>
										<option value="13">13</option>
										<option value="14">14</option>
										<option value="15">15</option>
										<option value="16">16</option>
										<option value="17">17</option>
										<option value="18">18</option>
										<option value="19">19</option>
										<option value="20">20</option>
										<option value="21">21</option>
										<option value="22">22</option>
										<option value="23">23</option>
										<option value="24">24</option>
										<option value="25">25</option>
										<option value="26">26</option>
										<option value="27">27</option>
										<option value="28">28</option>
										<option value="29">29</option>
										<option value="30">30</option>
										<option value="31">31</option>
										<option value="32">32</option>
										<option value="33">33</option>
										<option value="34">34</option>
										<option value="35">35</option>
										<option value="36">36</option>
										<option value="37">37</option>
										<option value="38">38</option>
										<option value="39">39</option>
										<option value="40">40</option>
										<option value="41">41</option>
										<option value="42">42</option>
										<option value="43">43</option>
										<option value="44">44</option>
										<option value="45">45</option>
										<option value="46">46</option>
										<option value="47">47</option>
										<option value="48">48</option>
										<option value="49">49</option>
										<option value="50">50</option>
										<option value="51">51</option>
										<option value="52">52</option>
										<option value="53">53</option>
										<option value="54">54</option>
										<option value="55">55</option>
										<option value="56">56</option>
										<option value="57">57</option>
										<option value="58">58</option>
										<option value="59">59</option>
										<option value="60">60</option>
									</select>	
									<span>時</span>
									
									<select name="minute" id="minute">
										<option value="1">1</option>
										<option value="2">2</option>
										<option value="3">3</option>
										<option value="4">4</option>
										<option value="5">5</option>
										<option value="6">6</option>
										<option value="7">7</option>
										<option value="8">8</option>
										<option value="9">9</option>
										<option value="10">10</option>
										<option value="11">11</option>
										<option value="12">12</option>
										<option value="13">13</option>
										<option value="14">14</option>
										<option value="15">15</option>
										<option value="16">16</option>
										<option value="17">17</option>
										<option value="18">18</option>
										<option value="19">19</option>
										<option value="20">20</option>
										<option value="21">21</option>
										<option value="22">22</option>
										<option value="23">23</option>
										<option value="24">24</option>
										<option value="25">25</option>
										<option value="26">26</option>
										<option value="27">27</option>
										<option value="28">28</option>
										<option value="29">29</option>
										<option value="30">30</option>
										<option value="31">31</option>
										<option value="32">32</option>
										<option value="33">33</option>
										<option value="34">34</option>
										<option value="35">35</option>
										<option value="36">36</option>
										<option value="37">37</option>
										<option value="38">38</option>
										<option value="39">39</option>
										<option value="40">40</option>
										<option value="41">41</option>
										<option value="42">42</option>
										<option value="43">43</option>
										<option value="44">44</option>
										<option value="45">45</option>
										<option value="46">46</option>
										<option value="47">47</option>
										<option value="48">48</option>
										<option value="49">49</option>
										<option value="50">50</option>
										<option value="51">51</option>
										<option value="52">52</option>
										<option value="53">53</option>
										<option value="54">54</option>
										<option value="55">55</option>
										<option value="56">56</option>
										<option value="57">57</option>
										<option value="58">58</option>
										<option value="59">59</option>
										<option value="60">60</option>
									</select>	
									<span>時</span>
									
									
								</td>
							</tr>
							<tr>
								<td>優先度<span style="color: red">※</span></td>
								<td>
									<select name="priority" id="priority">
										<option value="高">高</option>
										<option value="中">中</option>
										<option value="低">低</option>
									</select>
								</td>
							</tr>
							<tr>
								<td>内容</td>
								<td>
									<textarea cols="50" rows="12"></textarea>
								</td>
							</tr>
							<tr>
								<td>コメント</td>
								<td>
									<input type="text" size="60"/>
								</td>
							</tr>
							
						</table>
					</div>
					<input type="button" value="新規登録" id="register-2">
				</div>
			</div>
		</div><!-- end container -->	
	</div>
	
	<script>
		jQuery(document).ready(function(){
			
		});
	</script>
</body>
</htm>
